﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="redirect.aspx.cs" Inherits="YANFBApp.redirect" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8" />
    <title>YAN News</title>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
    <style type="text/css">
        /*font from google fonts*/
        @font-face {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 300;
          src: local('Open Sans Light'), 
              local('OpenSans-Light'), 
              url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXwUvq1pQaUIDqPgpae5ItU.woff) format('woff');
        }
        @font-face {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 400;
          src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/59ZRklaO5bWGqF5A9baEET8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
        }
        @font-face {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 600;
          src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnwUvq1pQaUIDqPgpae5ItU.woff) format('woff');
        }
        @font-face {
          font-family: 'Open Sans';
          font-style: italic;
          font-weight: 400;
          src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBkbnXQ06sCSpaytluCdpFnY.woff) format('woff');
        }
        /*END - font from google fonts*/
        body {
            /*padding:20px 0 0 20px;*/
            margin:0 auto;
            font-family: 'Open Sans';
            font-size:14px;
        }
        p {
            text-align:justify;
        }
    </style>
</head>
<body>
    <div id="fb-root"></div>
    <script>
        var return_data_for_test = { "last_name": "Đàm Đình", "first_name": "Hưng", "email": "damdinhhung@gmail.com", "id": "780715318688089" };
        window.fbAsyncInit = function () {
            FB.init({
                appId: '151010854934254',
                xfbml: true,
                version: 'v2.2'
            });

            function onLogin(response) {
                if (response.status == 'connected') {
                    FB.api('/me', { fields: 'last_name, first_name, email' }, function (data) {
                        console.log(JSON.stringify(data));
                        $("#lblFirstname").html(data.first_name);
                    });
                }
            }

            FB.getLoginStatus(function (response) {
                // Check login status on load, and if the user is
                // already logged in, go directly to the welcome message.
                if (response.status == 'connected') {
                    onLogin(response);
                } else {
                    // Otherwise, show Login dialog first.
                    FB.login(function (response) {
                        onLogin(response);
                    }, { scope: 'user_friends, email' });
                }
            });
        };

        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
    <form id="form1" runat="server">
        <div class="container" role="main">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <h3 style="margin-top: 0px;font-size:14px; color:#000000;" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">Tin mới nhất trong ngày</h3>
                </div>
            </div>
        </div>
    </form>
    
    <script src="//code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>
